// 目标：弹框
// 设计：props  onclose 关闭弹框  title标题  children 弹框内容
// 设计：state   x
// 设计：方法
function Modal(props) {
  return ( 
  <>
    {props.visible&&<div className="modal">
            <div className="content">
                  <div className="title">
                    <span> {props.title}</span>
                    <span onClick={()=>props.onclose()}>x</span>
                  </div>
                  <div className="body">
                    {props.children}
                  </div>
            </div>
    </div>}
  </> );
}

export default Modal;